<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/bootstrap-table.min.css" rel="stylesheet" >
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootstrap-table.min.js"></script>
<script src="../js/bootstrap-table-zh-CN.js"></script>
<script src="../js/swift.js"></script>
</head>
<body>
	<div class="container-fluid">
        <div id="toolbar" class="btn-group">
            <a href="#"><button type="button" id="add" class="btn btn-default" >
                <i class="glyphicon glyphicon-plus"></i>
            </button></a>
            <a><button onclick="editHr();" type="button" id="edit" class="btn btn-default">
                <i class="glyphicon glyphicon-pencil"></i>
            </button></a>
            <a><button type="button" onclick="deleteHr();" id="delete" class="btn btn-default">
                <i class="glyphicon glyphicon-trash"></i>
            </button></a>
        </div>
        <table id="mytb2"></table>
    </div>
    
<script type="text/javascript">
	$(function() {  
	   // querys(); 
		$("#edit").attr({"disabled":"disabled"});  
	    $("#delete").attr({"disabled":"disabled"});  
	    $("#mytb2").bootstrapTable({  
	        url : '/html/json/bt2.json',
// 	        data : '/html/json/bt2.json',
	        height : '500',  
	        undefinedText : '-',
// 	        pagination : true, // 分页 
	        striped : true, // 是否显示行间隔色  
// 	        queryParams : queryParams,  
// 	        cache : false, // 是否使用缓存  
// 	        pageList : [ 5, 10, 20 ],  
// 	        toolbar : "#toolbar",// 指定工具栏  
// 	        showColumns : true, // 显示隐藏列  
// 	        showRefresh : true, // 显示刷新按钮  
// 	        uniqueId : "userName", // 每一行的唯一标识  
//	         sidePagination : "server", // 服务端处理分页  
	        columns : [ 
//	                     {  
//	             field : 'state',  
//	             checkbox : true,  
//	             align : 'center',  
//	             valign : 'middle'  
//	         }, 
	        {  
	            title : '用户名',  
	            field : 'userName', // 字段  
	            align : 'center', // 对齐方式（左 中 右）  
	            valign : 'middle', //  
	            sortable : true  
	        }, {  
	            title : '用户编号',  
	            field : 'empNo',  
	            align : 'center',  
	            valign : 'middle',  
	            sortable : true  
	        }, {  
	            title : '姓名',  
	            field : 'empName',  
	            align : 'center',  
	            valign : 'middle',  
	            sortable : true  
	        }, {  
	            title : '职位',  
	            field : 'position',  
	            align : 'center',  
	            valign : 'middle',  
	            sortable : true  
	        }, {  
	            title : '状态',  
	            field : 'isDelete',  
	            align : 'center',  
	            valign : 'middle',  
	            formatter : genderFormatter,  
	            sortable : true  
	        } ],  
	        responseHandler : function(res) {  
	            return {  
	                total : res.total,  
	                rows : res.records  
	            };  
	        },  
	        onCheck:function(){  
	            buttonControl('#mytb2','#edit','#delete');  
	        },  
	        onCheckAll:function(){  
	            buttonControl('#mytb2','#edit','#delete');  
	        },  
	        onUncheckAll:function(){  
	            buttonControl('#mytb2','#edit','#delete');  
	        },  
	        onUncheck:function(){  
	            buttonControl('#mytb2','#edit','#delete');  
	        }  
	    })  
	})
	
	function querys() {  
    $("#edit").attr({"disabled":"disabled"});  
    $("#delete").attr({"disabled":"disabled"});  
    $("#mytb2").bootstrapTable({  
        url : '/html/json/bt2.json',  
//         data : '/html/json/bt2.json',  
        height : '500',  
        undefinedText : '-',
        pagination : true, // 分页 
        striped : true, // 是否显示行间隔色  
        queryParams : queryParams,  
        cache : false, // 是否使用缓存  
        pageList : [ 5, 10, 20 ],  
        toolbar : "#toolbar",// 指定工具栏  
        showColumns : true, // 显示隐藏列  
        showRefresh : true, // 显示刷新按钮  
        uniqueId : "userName", // 每一行的唯一标识  
//         sidePagination : "server", // 服务端处理分页  
        columns : [ 
//                     {  
//             field : 'state',  
//             checkbox : true,  
//             align : 'center',  
//             valign : 'middle'  
//         }, 
        {  
            title : '用户名',  
            field : 'userName', // 字段  
            align : 'center', // 对齐方式（左 中 右）  
            valign : 'middle', //  
            sortable : true  
        }, {  
            title : '用户编号',  
            field : 'empNo',  
            align : 'center',  
            valign : 'middle',  
            sortable : true  
        }, {  
            title : '姓名',  
            field : 'empName',  
            align : 'center',  
            valign : 'middle',  
            sortable : true  
        }, {  
            title : '职位',  
            field : 'position',  
            align : 'center',  
            valign : 'middle',  
            sortable : true  
        }, {  
            title : '状态',  
            field : 'isDelete',  
            align : 'center',  
            valign : 'middle',  
            formatter : genderFormatter,  
            sortable : true  
        } ],  
        responseHandler : function(res) {  
            return {  
                total : res.total,  
                rows : res.records  
            };  
        },  
        onCheck:function(){  
            buttonControl('#mytb2','#edit','#delete');  
        },  
        onCheckAll:function(){  
            buttonControl('#mytb2','#edit','#delete');  
        },  
        onUncheckAll:function(){  
            buttonControl('#mytb2','#edit','#delete');  
        },  
        onUncheck:function(){  
            buttonControl('#mytb2','#edit','#delete');  
        }  
    })  
}  
/** 替换数据为文字 */  
function genderFormatter(value) {  
    if (value == null || value == undefined) {  
        return "-";  
    } else if (value==1) {  
        return "已删除";  
    } else if(value==0){  
        return "正常";  
    }  
}  
/** 刷新页面 */  
function refresh() {  
    $('#mytb2').bootstrapTable('refresh');  
}  
/**查询条件与分页数据 */  
function queryParams(pageReqeust) {  
    pageReqeust.enabled = $("#enabled").val();  
    pageReqeust.querys = $("#querys").val();  
    pageReqeust.pageNo = this.offset;  
    pageReqeust.pageSize = this.pageNumber;  
    return pageReqeust;  
}  
/** 编辑数据 */  
function editHr() {  
    var selectRow = $("#mytb2").bootstrapTable('getSelections');  
    if (selectRow.length != 1) {  
        layer.alert('请选择并只能选择一条数据进行编辑！', {icon: 2});  
        return false;  
    } else {  
//         window.location = createUrl("admin/hrEmployee/view?username=" + selectRow[0].userName);  
    }  
}  
/** 
 * 删除数据 
 */  
function deleteHr() {  
    var hrs = $("#mytb2").bootstrapTable('getSelections');  
    if (hrs.length < 1) {  
        layer.alert('请选择一条或多条数据进行删除！', {icon: 2});  
    } else {  
        layer.confirm('确定要删除所选数据？', {icon: 3, title:'提示'}, function(){  
            var userNames = [];  
            for (var i=0;i<hrs.length;i++){  
                    userNames.push(hrs[i].userName);  
            }  
            $.ajax({  
                url:'../../../admin/hrEmployee/delete',  
                traditional: true,  //阻止深度序列化，向后台传送数组  
                data:{userNames:userNames},  
                contentType:'application/json',  
                success:function(msg){  
                    if(msg.success){  
                        layer.alert(msg.msg,{icon:1});  
                    }else{  
                        layer.alert(msg.msg,{icon:2});  
                    }  
                    refresh();  
                    $("#edit").attr({"disabled":"disabled"});  
                    $("#delete").attr({"disabled":"disabled"});  
                }  
            })  
          });  
    }  
}  
</script>    
    
</body>
</html>